<template>
    <div class="topbar">
      {{title}}
    </div>
</template>

<script>

    export default {
        name: "topBar",
        components:{
            
        },
        data() {
            return {
                
            };
        },
        props:['title'],
        created(){
        
        },
        mounted(){
        
        }
    }
</script>

<style scoped lang="scss">
  .topbar{
      background:#55A9FF;
      color:#ffffff;
      text-align: center;
      font-size: 18px;
      line-height: 45px;

  }
</style>
